<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/11/29 0029
  Time: 上午 10:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>信用记录列表</title>
    <link href="/static/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="/static/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet" >
    <link rel="stylesheet" href="/static/plugins/layui/css/layui.css">
    <link rel="stylesheet" href="/static/css/common.css">
</head>
<body>
<div class="wrap-padding-15">
<span class="layui-breadcrumb">
          <a href="/" target="_top">首页</a>
          <a href="">客户管理</a>
          <a href="">信用记录</a>
        </span>

    <div>
        手机号码：<input type="text" name="mobile" id="mobile"> 身份证号： <input name="idCard" id="idCard" type="text">
        <button id="btn_search">查询</button> <button type="button" id="btn_add">增加信用记录</button> <button id="btn_reset">重置</button>
    </div>
    <%--<div id="toolbar" class="layui-btn-group">
        <button id="btn_add" type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
        </button>
        <button id="btn_edit" type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
        </button>
        <button id="btn_delete" type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
        </button>
    </div>--%>
    <table id="tb_creditRecord"></table>
</div>
</body>
</html>
<script src="/static/plugins/jquery.js"></script>
<script src="/static/plugins/bootstrap/js/bootstrap.js"></script>
<script src="/static/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="/static/plugins/bootstrap-table/bootstrap-table-zh-CN.js"></script>
<script src="/static/plugins/layui/layui.js"></script>
<script>
    layui.use(['element','layer'], function(){
        var element = layui.element;
        var layer = layui.layer;

        $('#tb_creditRecord').bootstrapTable({
            url: '/creditRecord/listData',         //请求后台的URL（*）
            method: 'get',                      //请求方式（*）
            toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            sortable: false,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams:  function (params) {
                var temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    limit: params.limit, //页面大小
                    offset: params.offset, //页码
                    /*mobile:$("#mobile"),
                     name:$("#name"),
                     idCard:$("#idCard"),*/
                };
                return temp;
            },
            //传递参数（*）
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
            strictSearch: true,
            showColumns: true,                  //是否显示所有的列
            showRefresh: true,                  //是否显示刷新按钮
            //minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "id",                     //每一行的唯一标识，一般为主键列
            //showToggle:true,                    //是否显示详细视图和列表视图的切换按钮
            //cardView: false,                    //是否显示详细视图
            detailView: false,                   //是否显示父子表
            columns: [{
                checkbox: true
            }, {
                field: 'clientUser.name',
                title: '客户姓名'
            }, {
                field: 'clientUser.mobile',
                title: '客户手机'
            },{
                field: 'clientUser.creditNum',
                title: '信用值'
            },{
                field: 'creditChange',
                title: '信用变化值'
            },{
                field: 'changeReason',
                title: '变化原因'
            },{
                field: 'clientUser.uId',
                title: '查看明细'
            },]
        });
    });
    //搜索
    $("#btn_search").on("click",function () {
        var mobile = $("#mobile").val();
        var idCard = $("#idCard").val();

        $("#tb_creditRecord").bootstrapTable("refresh",{
            url:'/creditRecord/searchData',
            query:{
                mobile:mobile,
                idCard:idCard,
            }
        })
    })
    //重置
    $("#btn_reset").on("click",function () {
        window.location="/creditRecord";
    })

    //增加信用记录
    $("#btn_add").on("click",function () {
        debugger;
        var rows = $("#tb_creditRecord").bootstrapTable('getSelections');
        //判断只能选择一行
        if(rows.length==1){
            var uId = rows[0].clientUser.uId;
            layer.open({
                type:2,
                title:'客户添加',
                area: ['420px', '600px'], //宽高
                content:"/creditRecord/add?uId="+uId,
                end:function () {
                   /* location.reload();*/
                }
            })
        }
        else if(rows.length<1){
            layer.msg("请勾选一行内容");
        }
        else if(rows.length>1){
            layer.msg("只能勾选一行");
        }

    })

</script>